
body{
  padding: 0;
  margin: 0;
  opacity: 1;
  color: rgb(255 255 255);
  background-color: rgb(15 12 29);
  font-size: 16px;
}
h2{
  font-family: Gazpacho,serif;
}
a{
  text-decoration: none;
}
ul,li{
  list-style: none;
  padding: 0;
  margin: 0;
}
.section01{
  background: url(../images/starry-bg.png) repeat-y center center/100% auto;
}
.section01 .title{
  text-align: center;
  font-size: 56px;
  font-weight: 900;
  text-align: center;
  width: 1300px;
  margin: 80px auto;
  padding: 20px;
  color: #DBAB27;
  background-color: #ea0b2a;
  padding-right: 26px;
  font-family: Gazpacho,serif;
}
.section01 .title h3{
  font-size: 16px;
  margin: 0;
  font-weight: normal;
  color: #fff;
}
.section01 .title img{
  display: block;
  height: 87px;
  margin: 0 auto;
}
.section01 .content{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 260px;
  background: 
    url(../images/clouds1.png) no-repeat center bottom/100% auto,
    url(../images/clouds2.png) no-repeat center bottom/100% auto,
    url(../images/clouds3.png) no-repeat center bottom/100% auto;
}
.section01 .content .content-left{
  width: 376px;
  height: 372px;
  padding: 40px;
  background-color: rgb(25 20 51);
  border-radius: 1rem 0 0 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section01 .content .content-left .moon-bird-img{
  width: 144px;
  height: 144px;
  display: block;
  border-radius: 50%;
  margin: 24px 0 26px;
  border: 4px solid #353055;
  box-sizing: border-box;
}
.section01 .content .content-left .moon-bird-img svg{
  display: block;
  width: 100%;
  height: 100%;
}
.section01 .content .content-left p{
  color: #fff;
  margin-bottom: 32px;
}
.section01 .content .content-left a{
  text-align: center;
  line-height: 48px;
  border-radius: 0.375rem;
  color: #000;
  font-size: 14px;
  width: 376px;
  height: 48px;
  flex-shrink: 0;
  background-color: #DBAB27;
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
  margin-top: 60px;
  position: relative;
}
.section01 .content .content-left a small{
  font-size: 16px;
}
.section01 .content .content-left a span{
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  display: none;
}
.section01 .content .content-left a.disabled-btn{
  background-color: #d9d9d9;
  color: #fff;
}
.section01 .content .content-left a.second{
  margin-bottom: 0;
}
.section01 .content .content-left a img{
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.section01 .content .content-right{
  width: 240px;
  height: 372px;
  padding: 40px 24px;
  background-color: rgb(15 12 29);
  border-radius: 0 1rem 1rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.section01 .content .content-right .icon{
  width: 144px;
  height: 144px;
  border-radius: 50%;
  background-color: #191433;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
}
.section01 .content .content-right .icon svg{
  width: 112px;
}
.section01 .content .content-right p{
  font-size: 14px;
  color: #8c83b9;
  text-align: center;
  margin-bottom: 28px;
  font-weight: bold;
}
.section01 .content .content-right a{
  text-transform: uppercase;
  display: block;
  width: 240px;
  height: 48px;
  font-size: 14px;
  text-align: center;
  background: #5252ff29;
  border-radius: 0.375rem;
  color: #DBAB27;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: all ease .3s;
  margin-top: 10px;
}
.section01 .content .content-right a img{
  height: 20px;
  margin-right: 10px;
  opacity: .5;
}
.section01 .content .content-right a:hover{
  background-color: #DBAB27;
  color: #000;
}
.section01 .content .content-right a:hover img{
  opacity: .5;
}

.section02{
  padding: 200px 0 100px;
  background-image: linear-gradient(to bottom,#144d80,#272c7d)
}
.section02 .content{
  display: flex;
  justify-content: center;
  align-items: center;
}
.section02 .content img{
  display: block;
  width: 500px;
}
.section02 .content ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 600px;
}
.section02 .content ul li{
  width: 140px;
  height: 140px;
  border-radius: 16px;
  overflow: hidden;
  margin: 5px;
}
.section02 .content ul li img{
  display: block;
  width: 100%;
  height: 100%;
}
.section02 .content .info{
  width: 498px;
  height: 468px;
  padding: 32px 0 0 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section02 .content .info h2{
  font-size: 56px;
  color: #DBAB27;
  line-height: 50px;
  font-weight: 900;
  margin: 0;
}
.section02 .content .info p{
  font-size: 18px;
  margin-top: 24px;
}
.section03{
  padding: 100px 0;
  background-image: linear-gradient(to bottom,#272c7d,#171754)
}
.section03 .content{
  display: flex;
  justify-content: center;
  align-items: center;
}
.section03 .content img{
  display: block;
  width: 500px;
}
.section03 .content .info{
  width: 546px;
  height: 448px;
  padding: 32px 0 0 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section03 .content .info h2{
  font-size: 56px;
  color: #EFB615;
  line-height: 50px;
  font-weight: 900;
  margin: 0;
}
.section03 .content .info p{
  font-size: 16px;
  margin-top: 24px;
}

.section04{
  padding: 100px 0;
  background-color: rgb(23 23 84);
  display: none;
}
.section04 .content{
  display: flex;
  justify-content: center;
  align-items: center;
}
.section04 .content img{
  display: block;
  width: 400px;
}
.section04 .content .info{
  width: 546px;
  height: 448px;
  padding-left: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.section04 .content .info h2{
  font-size: 56px;
  color: #EFB615;
  line-height: 56px;
  font-weight: 900;
  margin: 0;
}
.section04 .content .info p{
  font-size: 16px;
  margin-top: 24px;
}

.section05{
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgb(23 23 84);
  display: none;
}
.section05 img{
  display: block;
  width: 468px;
}
.section05 .content{
  width: 745px;
  margin-top: 40px;
}
.section05 h3{
  margin: 0;
  font-size: 16px;
  color: #6C845F;
}
.section05 h2{
  margin: 0;
  font-size: 56px;
  color: #D7F0D3;
  margin-top: -16px;
  font-weight: 900;
}
.section05 p{
  font-size: 16px;
}

.section06{
  padding: 100px 0 160px;
  background-color: rgb(23 23 84);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section06 h3{
  font-size: 16px;
}
.section06 ul{
  list-style: none;
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 936px;
  padding: 0;
}
.section06 ul li{
  width: 161px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section06 ul li img{
  display: block;
  width: 85px;
}
.section06 ul li p{
  font-size: 16px;
  margin-top: 24px;
  text-align: center;
}

.section07{
  padding: 100px 0;
  background-color: rgb(15 12 29);
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.section07 .content{
  width: 745px;
  box-sizing: border-box;
  padding: 0 40px;
}
.section07 h2{
  font-size: 56px;
  color: rgb(130 132 201);
  line-height: 50px;
  margin: 0;
  margin-bottom: 50px;
  font-weight: 900;
}
.section07 ul{}
.section07 ul li{
  padding: 24px 0;
  border-top: 1px solid rgb(37 32 57);
}
.section07 ul li:first-child{
  border: none;
}
.section07 ul li h3{
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin: 0;
}
.section07 ul li h3 span{
  font-size: 16px;
  color: rgb(239 182 21);
}
.section07 ul li h3 span:hover{
  color: rgb(239 182 21/.8);
}
.section07 ul li h3 i{
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/expand.svg) no-repeat center center;
}
.section07 ul li.active h3 i{
  background: url(../images/contract.svg) no-repeat center center;
}
.section07 ul li p{
  display: none;
  margin: 0;
  margin-top: 20px;
}

.footer{
  width: 100%;
  background-color: rgb(23 23 84);
}
.footer-inner{
  width: 896px;
  padding: 0 40px 40px;
  margin: 0 auto;
}
.footer .line{
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.footer .line i{
  display: block;
  width: 36px;
  height: 36px;
  background: rgb(23 23 84) url(../images/globe.svg) no-repeat center center/auto 100%;
  position: relative;
  z-index: 99;
  padding: 0 10px;
}
.footer .line::after{
  content:" ";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 100%;
  background: rgb(88 85 122);
}
.footer .content{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .content .content-left{
  display: flex;
  flex-direction: column;
}
.footer .content .content-left img{
  width: 144px;
}
.footer .content .content-left span{
  color: rgb(88 85 122);
  font-size: 14px;
  padding-top: 5px;
}
.footer .content .content-right{
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .content .content-right img{}
.footer .content .content-right span{
  color: rgb(88 85 122);
  font-size: 14px;
  padding-right: 5px;
}